<template>
  <div>
    <!-- 
      侦听器watch
      作用：侦听data或者computed中的属性值的变化
      语法：
      watch: {
        "被侦听的属性名"(newVal,oldVal){
          newVal: 修改之后的值
          oldVal: 修改之前的值
        }
      }
     -->
    <h1>hello vue</h1>
    <input type="text" v-model="name" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      name: "小明",
    };
  },
  watch: {
    name(newVal, oldVal) {
      // 当name的值发生改变，会立刻被侦听到，也就是立刻会触发这里
      console.log(newVal, oldVal);
    },
  },
};
</script>

<style>
</style>